<template>
    <div>
      <m-header class="header"></m-header>
      <div class="con">
        <div class="card">

        </div>
        <div style="border: 2px solid #666;
                    width: 0;
                    height: 400px;
                    margin-left: 100px;
        ">
          <div>
            <ul>
              <li>创新创业</li>
              <li>软件自研与软件外包</li>
              <li>竞赛</li>
              <li>科研项目</li>
            </ul>
          </div>
          <div class="honor-item">
            <p>什么比赛：西华杯</p>
            <p>举办时间：2016年</p>
            <p>参数项目：木头人网络</p>
            <p>参赛结果： 完成结题</p>
            <p>团队名称： 小木团队</p>
            <p>负责人： 杨念</p>
            <p>成员： 周鹏、 胡清清、 李奎</p>
            <p>项目地址： http://www.mutour.vip</p>
            <p>完成时间： 2017年2月6日</p>
            <p>项目简介： 该项目是让学校里闲置书籍流动起来的项目， 在我们做的网站上用户可以发布自己看过闲置的书籍， 其他用户可以在该网站上查看自己想看的书籍</p>
          </div>

        </div>
      </div>
    </div>
</template>

<script>
  import MHeader from './MHeader'
  export default {
    name: "honours-wall",
    components: {
      MHeader
    }
  }
</script>

<style scoped lang="stylus">
  @import "../stylus/variable.styl"
  .header
    background-color $color-theme
  .con
    padding-top $header-light+10px
    min-height 500px
    .card
      height 200px
      /*width 300px*/
      border 1px solid darkgray
  .honor-item
    width 600px
    min-height 120px
    position relative
    left 30px
    border 1px salmon solid
    border-radius 20px
    padding 20px

</style>
